import React from 'react';
import { Routes, Route } from 'react-router-dom';
import ConnectionsPage from '../pages/ConnectionsPage';
import TerminalPage from '../pages/TerminalPage';
import FilesPage from '../pages/FilesPage';
import AIAssistantPage from '../pages/AIAssistantPage';
import SettingsPage from '../pages/SettingsPage';
import MainLayout from '../components/Layout/MainLayout';

const AppRouter: React.FC = () => {
  return (
    <Routes>
      <Route path="/" element={<MainLayout />}>
        <Route index element={<ConnectionsPage />} />
        <Route path="connections" element={<ConnectionsPage />} />
        <Route path="terminal" element={<TerminalPage />} />
        <Route path="files" element={<FilesPage />} />
        <Route path="ai" element={<AIAssistantPage />} />
        <Route path="settings" element={<SettingsPage />} />
      </Route>
    </Routes>
  );
};

export default AppRouter;